<html>
    <head>
        <meta charset="UTF-8">
        <title>基本选择器</title>
        <script src="./js/jquery-3.6.0.min.js" type= "text/javascript"></script>
        <style>
           
        </style>
    </head>
    <body>
        <div id="idDiv">DOM与jQuery相互转换</div>
        <div class="ClassDiv">jQuery对象不能直接使用DOM对象</div>
        <div class="ClassDiv">jQuery对象转DOM对象再调用</div>
        <span class="ClassSpan">基本选择器是jQuery常用选择器</span>
        <script type="text/javascript">
            $(function(e){
                $("#idDiv").css("color","blue");
                $(".classDiv").css("background-color","gray").css("color","while");
                $("*").css("front-size","20px");
                $("#idDiv",ClassSpan).css("front-style","italic");
            });
        </script>
    </body>
</html>